<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>请使用钉钉手机APP扫码查看</title>
    <style type="text/css">
        body {
            color: #333;
            font: 14px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif;
            margin: 0;
            padding: 0 20px 20px;
            word-break: break-word;
            background: #fff;
        }

        #pc {
            text-align: center;
            margin-top: calc(50vh - 150px);
        }

        #pc img {
            height: 300px;
        }

        #pc .desc {
            margin: 20px;
        }

        #pc .desc #title {
            color: #6e6e6e;
            font-size: 15px;
        }

        #pc .btn a {
            color: #5EBCFF;
            border: solid 1px #5EBCFF;
            border-radius: 3px;
            background: none;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div id="pc">
    <div class="img">
        <img src="/index/qrcode/index?size=5&content=<?php echo urlencode($url);?>" alt=""/>
    </div>
    <div class="desc">
        <div id="title">为了您更好的体验，请使用钉钉手机APP扫码查看</div>
    </div>
</div>

<script type="text/javascript">

</script>

</body>
</html>